<template>
  <div>
    <h3>路由传参方式</h3>
    <pre>
        1:path传参
           传：this.$router.push('/xxx?id=123')
           收:this.$route.query.id
        2:动态路由匹配,必传
            配制路由
               {
                path:'/xxx/:id'    // ?作用：可传可不传
               }
            传：this.$router.push("/xxx/123")
            收:this.$route.params.id
         3:name传参方式
             配制路由
                {
                    path,component,
                    name:'xxx'
                }
              query
                 传：this.$router.push({name:'xxx',query:{id:123})
                 收：this.$route.query.id

              params:刷新数据就没了，它的值通过内存存储的
                  优势：用于大量数据传递，所有类型数据都可传
                  传：this.$router.push({name:'xxx',params:{id:123})
                  收：this.$route.params.id
     </pre>
  </div>
</template>
<script>
export default {}
</script>
<style></style>
